<template>
	<view class="content">
		<view class="expire">
			<view class="expireTitle">
				系统出现异常
			</view>
			<view class="problem">
				<view class="txt" style="margin-bottom: 10rpx;">可能出现的问题有：</view>
				<view class="txt">1、没有该系统的使用权限</view>
				<view class="txt">2、小程序appID秘钥信息未配置</view>
				<view class="txt">3、后台填写的appID和当前小程序不一致</view>
				<view class="txt">4、后台余额不足导致账单扣费失败，请先充值</view>
				<view class="txt">5、如果以上均未解决您的问题请联系系统开发人员</view>
			</view>
			<view class="info">
				<view class="" style="margin-bottom: 10rpx;">调试信息:</view>
				<view>brand：{{model.brand}}</view>
				<view>model：{{model.model}}</view>
				<view>syatem：{{model.system}}</view>
				<view>vresion：{{model.version}}</view>
				<view>SDKVresion：{{model.SDKVersion}}</view>
				<view>appId：{{version.appId}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"expire4",
		data() {
			return {
				version:uni.getAccountInfoSync().miniProgram,
				model:wx.getSystemInfoSync()
			};
		},
		onLoad() {
		
		}
	}
</script>

<style lang="less" scoped >
	.expire{
		width: 610rpx;
		height: 700rpx;
		border-radius: 16rpx;
		box-shadow: 0px 0px 8px 0px rgba(207, 207, 207, 0.5);
		background-color: #fff;
		padding: 26rpx;
		box-sizing: border-box;
		margin: auto;
		margin-top: 200rpx;
		.expireTitle{
			text-align: center;
			font-size: 30rpx;
			font-weight: bold;
			margin: 16rpx auto;
		}
		.problem{
			color: #aaa;
			font-size: 24rpx;
			line-height: 40rpx;
		}
		.info{
			margin-top: 20rpx;
			font-size: 24rpx;
			line-height: 40rpx;
			color: #1ba035;
		}
	}
</style>